<!-- <link rel="stylesheet" href="templates/authority/common/css/zTreeStyle.css" />
<link rel="stylesheet" href="templates/authority/qxgl/css/qxgl.css" /> -->
<div id="sendedmessage">
    <div class="pd14 vany_authority">
        <div class="vany_treeTable pd14">
            <div class="pb10" id="crumbs">
                <el-breadcrumb separator="/">
                    <el-breadcrumb-item :to="{ path: '/' }">消息管理</el-breadcrumb-item>
                    <el-breadcrumb-item>定时消息</el-breadcrumb-item>
                </el-breadcrumb>
            </div>
            <div >
                <div class="pd14">
                    <el-row :gutter="8">
                        <el-col :span="16">
                            <el-form :inline="true"  class="demo-form-inline">
                                <el-form-item label="预定时间：" style="margin-bottom: 0px">
                                    <el-date-picker type="daterange" placeholder="请选择时间段"  v-model="time" style="width: 100%;border-radius: 0px"></el-date-picker>
                                </el-form-item>
                                <el-form-item label="关键词：" style="margin-bottom: 0px" >
                                    <el-input placeholder="请输入关键词" style="border-radius: 0px" v-model="keyword"></el-input>
                                </el-form-item>
                                <el-form-item style="margin-bottom: 0px">
                                    <el-button style="background: #fff;border-color:#c4c4c4;" @click="search()">搜索</el-button>
                                </el-form-item>
                            </el-form>
                        </el-col>
                        <el-col :span="8">
                            <el-row type="flex" justify="end">
                                <el-button type="primary" @click="sendMessage()">发消息</el-button>
                            </el-row>
                        </el-col>
                    </el-row>
                </div>
                <el-table :data="tableData" v-loading="loading" style="width:100%;" ref="multipleTable" @selection-change="handleSelectionChange">
                    <el-table-column type="selection"></el-table-column>
                    <el-table-column prop="msgtitle" show-overflow-tooltip label="消息标题" width=""></el-table-column>
                    <el-table-column prop="receivers" show-overflow-tooltip label="接收人" width=""></el-table-column>
                   <!--  <el-table-column prop="num" label="查看人数/总人数/查看比例" width="300">
                        <template scope="scope">
                            <el-row>
                                <el-col :span="6">70/100</el-col>
                                <el-col :span="18"><el-progress style="line-height:0" :text-inside="true" :stroke-width="15" :percentage="70"></el-progress></el-col>
                            </el-row>
                        </template>
                    </el-table-column> -->
                    <el-table-column prop="sendTime" label="预定时间" width="300"></el-table-column>
                    <el-table-column label="操作" width="200">
                        <template scope="scope">
                            <el-button type="text" size="small" @click="editMessage(scope.row)">编辑</el-button><span style="color:#333;margin:0 0 0 5px">|</span>
                            <el-button type="text" size="small" @click="deleteMsg(scope.row)">删除</el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </div>
            <div class="pd14" style="border-top: 0;background: #eaedf2;">
                <el-row>
                    <el-col :span="8">
                        <el-button type="primary" @click="batchDelete()">批量删除</el-button>
                    </el-col>
                    <el-col :span="16">
                        <el-row type="flex" justify="end">
                            <el-pagination
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="pageIndex"
                                    :page-sizes="[10, 20, 30]"
                                    :page-size="pageSize"
                                    layout="total, sizes, prev, pager, next, jumper"
                                    :total="total">
                            </el-pagination>
                        </el-row>
                    </el-col>
                </el-row>
            </div>
        </div>
    </div>
</div>
</div>
<script type="text/javascript" src="templates/authority/timedMesage/js/sendedmessage.js"></script>


